<template>
	<view class="">
		<view class="topBox" @tap="logout" :style="{paddingTop:jiaonangHight+'px',height:selectHeight+'px'}">
			<view class="topBox_title">
				九健医疗设备系统
			</view>
			<image src="../../static/index/top.png" />
		</view>
		<view class="content">
			<view class="content-row">
				<view class="content-input" @tap="jump_serach">
					<image src="../../static/serach.png" />
					<input type="text" placeholder="输入客户名称或者工单号或者序号" disabled
						placeholder-style="font-size: 28rpx; font-weight: 500; color: #C6C7CB;" />
				</view>
				<view class="logistics" @tap="jump_logistics">物流信息</view>
			</view>
			<view class="content-card">
				<!-- @tap="toCode" -->
				<view class="content-card-left">
					<view class="content-card-left-t">
						正在进行中
					</view>
					<view class="content-card-left-a">
						<text class="content-card-left-num">{{ongoing}}</text>
						<text class="">/单</text>
					</view>
				</view>
				<view class="content-card-right">
					<image src="../../static/index/name-icon.png" />
					<text>{{name_user}}</text>
				</view>
				<view class="content-card-btm">
					<view class="content-card-btm-box" @tap="jumpRepair(0)">
						<view class="content-card-btm-box-a">
							报修工单
						</view>
						<view class="content-card-btm-box-b">
							{{dara_}}
						</view>
					</view>
					<view class="content-card-btm-box" @tap="jumpRepair(1)">
						<view class="content-card-btm-box-a">
							维保工单
						</view>
						<view class="content-card-btm-box-b">
							{{maintenance}}
						</view>
					</view>
					<view class="content-card-btm-box" @tap="jumpRepair(2)">
						<view class="content-card-btm-box-a">
							质保期内
						</view>
						<view class="content-card-btm-box-b">
							{{period}}
						</view>
					</view>
				</view>
			</view>
			<view class="content-order">
				<view class="content-order-b" v-for="(item,index) in orderStatus" :key="index"
					@tap="jumpCheckout(item.id)">
					<view class="content-order-num">
						{{item.num}}
					</view>
					<view class="content-order-title">
						{{item.title}}
					</view>
				</view>
			</view>
			<view class="content-work">
				<view :class="['content-work-item',workId==item.id?'active':'']" :style="{width:index == 0?'32%':''}"
					v-for="(item,index) in work" :key='index' @tap="jumpWord(item.id)">
					{{item.title}}
				</view>
			</view>
			<block>
				<view class="content-detail" v-for="(item,index) in wordList" :key='index'>
					<view class="detail-top">
						<view class="left-name">
							{{item.hospital.name}}
						</view>
						<view class="right-name">
							{{item.type_data==0?'报修工单':'维保工单'}}
						</view>
					</view>
					<view class="product">
						<view class="product-left">
							<view class="product-left-name">
								<view class="">
									工单ID：<text class="product-left-name-border">{{item.workID||''}}</text>
								</view>
								<view class="product-left-name w30" style="display: flex;align-items: center;">
									暂停状态：
									<!-- <switch
										v-if="userInfo.is_core_user == 1||(userInfo.is_core_user == 2&&userInfo.identity == 3||userInfo.identity == 4)"
										:checked="item.checked" @change="switchChange(item.id)" /> -->
									<text class="product-left-name-border">{{item.open_data == 0 ? '暂停' : '开启'}}</text>
								</view>
							</view>
							<view class="product-left-name">
								<view class="">
									设备类别：<text
										class="product-left-name-border">{{item.equipment.pinpai.name||''}}</text>
								</view>
								<view class="w30">
									品牌：<text class="product-left-name-border">{{item.equipment.leibie.name||''}}</text>
								</view>
							</view>

							<view class="product-left-name">
								<view class="">
									型号：<text class="product-left-name-border">{{item.equipment.xinghao.name||''}}</text>
								</view>
								<view class="w30">
									序列号：<text class="product-left-name-border">{{item.equipment.serial||''}}</text>
								</view>
							</view>
							<view class="product-left-name">
								<view class="">
									设备生产年份：<text
										class="product-left-name-border">{{item.equipment.create_date||''}}</text>
								</view>
								<view class="w30">
									使用年限：<text class="product-left-name-border">{{item.equipment.use_year||''}}</text>
								</view>
							</view>

							<view class="product-left-name" v-if="item.type_data!=0">
								<view class="">
									维保次数：<text class="product-left-name-border">{{item.progress||''}}</text>
								</view>
								<view class="w30">
									下次维保时间：<text class="product-left-name-border">{{item.next_time||''}}</text>
								</view>
							</view>

							<view class="product-left-name">
								<view class="">
									联系人：<text class="product-left-name-border">{{item.contacts||''}}</text>
								</view>
								<view class="w30" style="display: flex;align-items: center;" @tap="call(item.mobile)">
									<view class="" style="width: 38%;">联系电话：</view>

									<view class="" style="display: flex;align-items: center;">
										<view class="" style="width: 16%;">
											<image v-if="item.mobile" src="../../static/phone.png"
												class="point_icon2" />
										</view>
										<view class="">
											<text style="color: #5180FF;"
												class="product-left-name-border">{{item.mobile||''}}</text>
										</view>
									</view>
								</view>
							</view>

							<view class="product-left-name" v-if="item.commiss_sale||item.commiss_eng">
								<view class="" v-if="item.commiss_sale || item.commiss_sale != 0">
									销售提成次数：<text class="product-left-name-border">{{item.commiss_sale || ''}}</text>
								</view>
								<view class="w30" v-if="item.commiss_eng || item.commiss_eng != 0">
									工程师提成次数：<text class="product-left-name-border">{{item.commiss_eng || ''}}</text>
								</view>
							</view>

							<view class="product-left-name">
								<view class="">
									收款状态：<text
										class="product-left-name-border">{{item.collect_data == 0 ? '应收订单' : '已收款订单'}}</text>
								</view>
								<view class="w30">
									亏损状态：<text
										class="product-left-name-border">{{item.is_loss == 1 ? '亏损' : '正常'}}</text>
								</view>
							</view>

							<view class="product-left-name">
								预约时间：<text class="product-left-name-border">{{item.yuyue_time||'-'}}</text>
							</view>
							<view class="product-left-name" v-if="workId == 6">
								到期时间：<text class="product-left-name-border">{{item.warranty_time_text||'-'}}</text>
							</view>
							<!-- @click="open" @tap="transform(item.id)" -->
							<view class="product-left-name" style="align-items: start;" v-if="item.hxengineer.length>0||item.engineer.length>0">
								<view style="width: 30%;height: 30rpx;">当前指派工程师：</view>
								<!-- <image src="../../static/icon.png" class="point_icon" /> -->
								<div class="" style="width: 70%;display: flex;flex-wrap:wrap;">
									<text class="product-left-name-border" style="margin-right: 10rpx;"
										v-for="(i,index) in item.engineer">{{i.nickname||'-'}}</text>
									<text class="product-left-name-border" style="margin-right: 10rpx;"
										v-for="(i,index) in item.hxengineer">{{i.nickname||'-'}}</text>
								</div>
							</view>
							<view class="product-left-name" v-if="item.sale.length>0">
								<view style="width: 29%;">当前指派销售：</view>
								<view class="" style="width: 78%;display: flex;flex-wrap:wrap;">
									<view class="product-left-name-border" style="margin-right: 10rpx;width:auto"
										v-for="(i,index) in item.sale">{{i.nickname||'-'}}</view>
								</view>
							</view>
						</view>

					</view>
					<view class="order-time">
						<view class="order-time-left">
							<view>{{item.createtime}}</view>
						</view>
						<view class="right_box">
							<view class=""
								v-if="userInfo.is_core_user == 1||(userInfo.is_core_user == 2&&userInfo.identity == 3||userInfo.identity == 4||userInfo.identity == 5||userInfo.identity == 6)">
								<view class="order-time-open" v-if="item.open_data != 0 " @tap="switchChange(item.id)">
									暂停 </view>
								<view class="order-time-close" v-if="item.open_data == 0 " @tap="switchChange(item.id)">
									开启 </view>
							</view>
							<view class="order-time-change" @click="open" @tap="transform(item.id)"
								v-if="userInfo.identity==6||userInfo.identity ==1">
								{{item.hxengineer.length == 0&&item.engineer.length == 0?'指派':'改派'}}
							</view>
							<view class="order-time-right" @tap="jumpDetail(item.id)"> 详情 </view>
						</view>
					</view>
				</view>
			</block>
			<block v-if="wordList.length==0">
				<view class="empty">
					<image src="../../static/empty.png" />
					<text>什么也没有哦...</text>
				</view>
			</block>
		</view>
		<button-btm :width="85" :icon="true">
			新建工单
		</button-btm>
		<!-- 模态框 -->
		<uni-popup ref="popup" type="bottom">
			<view class="reassignment">
				<view class="choose" v-if="reassignment.length>0">
					<text class="line"></text>
					<text class="text">工程师</text>
				</view>
				<select-cy v-if="reassignment.length>0" :value="tval" placeholder="请选择工程师" :options="reassignment"
					@change="(e,a)=>change(e,a,1)"></select-cy>
				<view class="choose" style="margin-top: 26rpx;" v-if="reassignNew.length>0">
					<text class="line"></text>
					<text class="text">核心工程师</text>
				</view>
				<select-cy  v-if="reassignNew.length>0" :value="tvalNew" placeholder="请选择核心工程师" :options="reassignNew"
					@change="(e,a)=>change(e,a,2)"></select-cy>
				<view class="choose" style="margin-top: 26rpx;">
					<text class="line"></text>
					<text class="text">销售</text>
				</view>
				<select-cy :value="tvalNew2" placeholder="请选择销售" :options="reassignNew2"
					@change="(e,a)=>change(e,a,3)"></select-cy>
				<button @tap="submit(id,value)" class="submit-btn" type="primary" size="mini">确认提交</button>
			</view>
		</uni-popup>
	</view>

</template>

<script>
	import {
		mapMutations
	} from 'vuex'
	import buttonBtm from '@/components/button-btm.vue'
	export default {
		components: {
			buttonBtm
		},
		data() {
			return {
				value: 0, //工程师id
				tval: [],
				tvalNew: [],
				tvalNew2: [],
				reassignment: [],
				reassignNew: [],
				reassignNew2: [],
				newArr: [],
				newArr2: [],
				newArr3: [],
				id: 0, //工单号
				hospitalName: '', //医院名称
				dara_: 0, //报修工单数量
				name_user: '', //当前登录者 名字
				wordList: [], //底部列表
				ongoing: 0, //进行中
				maintenance: 0, //维保工单数量
				period: 0, //质保期内数量
				selectHeight: '', //顶部盒子高度，
				jiaonangHight: '', //胶囊顶部高度
				orderStatus: [{
					id: 1,
					num: 0,
					title: '今日新增',
				}, {
					id: 5,
					num: 0,
					title: '待验收',
				}, {
					id: 3,
					num: 0,
					title: '已完成',
				}, {
					id: 4,
					num: 0,
					title: '全部工单',
				}],
				workId: 0,
				work: [{
					id: 0,
					title: '我的未完成'
				}, {
					id: 1,
					title: '进行中'
				}, {
					id: 6,
					title: '质保期内'
				}, {
					id: 3,
					title: '保外'
				}],
				page: 1,
				last_page: 1,
				disabled: false,
				userInfo: {}
			}
		},
		watch: {
			//n新增  o旧值  监听 work选项
			workId(n, o) {
				this.getEngineerList()
				this.wordList = []
				this.page = 1
			}
		},
		onShareAppMessage() {
			return {
				title: '九健医疗设备系统',
				path: '/pages/home/index',

			}
		},
		onShareTimeline: function() {
			return {
				title: '九健医疗设备系统',
				path: '/pages/home/index',
			}
		},
		onLoad() {
			/* 获取登陆者 姓名 */
			uni.getStorage({
				key: 'userInfo',
				success: (res) => {
					this.name_user = res.data.nickname
					this.userInfo = res.data
				}
			})

		},
		onShow() {
			this.wordList = []
			this.page = 1
			this.last_page = 1
			/* 获取右上角胶囊高度 */
			this.getMenuHight()
			/* 获取首页数据 */
			this.getIndexData()
			/* 获取当前工程师工单列表 */
			this.getEngineerList()
			/* 获取当前工程师名称列表 */
			this.getEngineerNameList()
		},
		methods: {
			switchChange(id) {
				this.$https.post('/warranty/pause', {
					warranty_id: id,
				}).then(res => {
					if (res.code === 1) {
						this.wordList = []
						this.page = 1
						this.getEngineerList()
					}
				})
			},
			call(phone) {
				uni.makePhoneCall({
					phoneNumber: phone,
					success: function() {
						console.log('拨打电话成功');
					},
					fail() {
						console.log('打电话失败了');
					}
				})
			},
			/*获取工单号*/
			transform(id) {
				this.id = id
			},
			change(item, value, a) {
				switch (a) {
					case 1:
						this.tval = value;
						break;
					case 2:
						this.tvalNew = value;
						break;
					case 3:
						this.tvalNew2 = value;
						break;
					default:
						break;
				}
				console.log(this.tval,'8888888888888', this.tvalNew)
			},
			/*获取工程师名称列表*/
			async getEngineerNameList(nickname) {
				await this.$https.post('/hospital/getengineer',{nickname}).then(res => {
					if (res.code === 1) {
						if (this.reassignment == '') {
							this.reassignment = this.reassignment.concat(res.data)
							this.reassignment = this.reassignment.map(v => {
								return {
									value: v.id,
									label: v.nickname
								}
							})
						}
					}
				})

				await this.$https.post('/hospital/gethxengineer',{nickname}).then(res => {
					if (res.code === 1) {
						if (this.reassignNew == '') {
							this.reassignNew = this.reassignNew.concat(res.data)
							this.reassignNew = this.reassignNew.map(v => {
								return {
									value: v.id,
									label: v.nickname
								}
							})

						}
					}
				})
				
				await this.$https.post('/hospital/getsale',{nickname}).then(res => {
					if (res.code === 1) {
						if (this.reassignNew2 == '') {
							this.reassignNew2 = this.reassignNew2.concat(res.data)
							this.reassignNew2 = this.reassignNew2.map(v => {
								return {
									value: v.id,
									label: v.nickname
								}
							})
				
						}
					}
				})
			},
			/*改派订单*/
			async submit(id, value) {
				this.newArr = []
				this.newArr2 = []
				this.newArr3 = []
				this.reassignment.forEach((result, index) => {
					this.tval.forEach((item, idx) => {
						if (result.label == item) {
							if (this.newArr.indexOf(result.value) > -1) {
								this.newArr.splice(idx, 1)
							} else {
								this.newArr.push(result.value)
							}

						}
					})
				})
				this.reassignNew.forEach((result, index) => {
					this.tvalNew.forEach((item, idx) => {
						if (result.label == item) {
							if (this.newArr2.indexOf(result.value) > -1) {
								this.newArr2.splice(idx, 1)
							} else {
								this.newArr2.push(result.value)
							}
						}
					})
				})
				this.reassignNew2.forEach((result, index) => {
					this.tvalNew2.forEach((item, idx) => {
						if (result.label == item) {
							if (this.newArr3.indexOf(result.value) > -1) {
								this.newArr3.splice(idx, 1)
							} else {
								this.newArr3.push(result.value)
							}
						}
					})
				})

				if (this.newArr2.length == 0 && this.newArr.length == 0) {
					uni.showToast({
						title: '请选择工程师',
						icon: 'none'
					})
					return
				}
				await this.$https.post('/warranty/appoint', {
					warranty_id: this.id,
					engineer_id: this.newArr.toString(),
					hxengineer_id: this.newArr2.toString(),
					sale_id: this.newArr3.toString(),
				}).then(res => {
					uni.showToast({
						title: '改派成功',
						icon: 'none',
						duration: 2000
					})
				})
				setTimeout(() => {
					this.$refs.popup.close();
					uni.redirectTo({
						url: '/pages/home/index'
					}, 2000);
				})

				return
				console.log(id)
				console.log(value)
				if (value == 0) return uni.showToast({
					title: '请选择工程师',
					icon: 'none'
				})
				await this.$https.post('/warranty/appoint', {
					warranty_id: id,
					engineer_id: value
				}).then(res => {
					// console.log(res);
					uni.showToast({
						title: '改派成功',
						icon: 'none',
						duration: 2000
					})
				})
				setTimeout(() => {
					this.$refs.popup.close();
					uni.redirectTo({
						url: '/pages/home/index'
					}, 2000);
				})
			},
			/* 获取医院列表 */
			jump_serach() {
				uni.navigateTo({
					url: '../serach/serach'
				})
			},
			// 跳转物流信息
			jump_logistics() {
				uni.navigateTo({
					url: '/pages/logistics/logistics'
				})
			},
			toCode() {
				uni.navigateTo({
					url: '/pages/createOrder/code'
				})
			},
			/* 获取首页数据 */
			getIndexData() {
				this.$https.post('/warranty/engineerNum').then(res => {
					this.orderStatus[3].num = res.data.all; //全部工单
					this.orderStatus[2].num = res.data.done; //已完成
					this.orderStatus[1].num = res.data.accepted; //待验收
					this.orderStatus[0].num = res.data.day_add; //今日新增
					this.maintenance = res.data.maintenance; //维保工单数量
					this.period = res.data.period; //质保期内数量
					this.ongoing = res.data.ongoing //进行中
					this.dara_ = this.orderStatus[3].num - this.maintenance
				})
			},
			/* 获取当前工程师工单列表 */

			getEngineerList() {
				this.$https.post('/warranty/engineerList', {
					status: this.workId,
					type: 3,
					page: this.page,
				}).then(res => {
					if (res.data.last_page != 0) {
						this.last_page = res.data.last_page
					}
					this.wordList = this.wordList.concat(res.data.data).map(item => {
						return {
							...item,
							checked: item.open_data == '0' ? false : true
						}
					});
				})
			},
			/* 退出登录 */
			...mapMutations(['cleanStorage']),
			logout() {
				uni.showModal({
					title: '退出登录',
					content: '确定退出状态？',
					confirmText: '确定',
					success: res => {
						if (res.cancel) {} else if (res.confirm) {
							uni.clearStorageSync('userInfo')
							this.cleanStorage()
							uni.reLaunch({
								url: '../login/login'
							})
						}
					}

				})
			},
			/* 获取右上角胶囊高度 */
			getMenuHight() {
				let res = wx.getMenuButtonBoundingClientRect()
				this.selectHeight = res.height;
				this.jiaonangHight = res.top;
			},
			jumpWord(id) {
				this.workId = id
			},
			/* 创建订单 */
			btnJump() {
				wx.navigateTo({
					url: '../createOrder/createOrder'
				})
			},
			/* 订单改派 */
			open() {
				// 通过组件定义的ref调用uni-popup方法 ,如果传入参数 ，type 属性将失效 ，仅支持 ['top','left','bottom','right','center']
				this.$refs.popup.open('bottom')
			},
			/* 订单详情 */
			jumpDetail(id) {
				wx.navigateTo({
					url: '/pages/detail/detail?id=' + id
				})
			},
			/* 跳转维保工单   2质保期内   1维保工单*/
			jumpRepair(id) {
				wx.navigateTo({
					url: '../repair/repair?type=' + id
				})
			},
			/* 待验收 */
			jumpCheckout(id) {
				if (id != 1) {
					wx.navigateTo({
						url: '../checkout/checkout?type=' + id
					})
				}

			}
		},
		onReachBottom() {
			if (this.page != this.last_page) {
				this.page = this.page + 1
				this.getEngineerList()
			}
		},
	}
</script>

<style scoped lang="scss">
	.empty {
		margin: auto;
		display: flex;
		flex-direction: column;
		align-items: center;
		margin-top: 50px;
		font-size: 12px;
		color: #B6BDBD;

		image {
			width: 75px;
			height: 100px;
		}
	}

	.topBox {
		position: sticky;
		top: 0px;
		z-index: 999;
		font-family: PingFang SC-Medium, PingFang SC;
		font-weight: 500;
		color: #181818;
		padding-left: 32rpx;
		background-color: #FFFFFF;

		.topBox_title {
			padding: 0rpx;
			margin: 0rpx;
			float: left;
			margin-right: 10rpx;
			font-size: 32rpx;
		}

		image {
			width: 32rpx;
			height: 32rpx;
		}
	}

	.content-order-b {
		flex: 1;
		text-align: center;
		border-right: 2rpx solid #EDEEF2;
	}

	.content-order-b:last-child {
		border-right: none;
	}

	.content-order-num {
		font-size: 36rpx;
		font-weight: 600;
		color: #303030;
		line-height: 52rpx;
	}

	.content-order-title {
		font-size: 24rpx;
		font-weight: 400;
		color: #646466;
		line-height: 32rpx;
	}

	.content {
		padding: 28rpx 32rpx 200rpx;
		background-color: #f6f6fb;

		&-row {
			display: flex;
			align-items: center;

			.logistics {
				height: 36rpx;
				color: #fff;
				font-size: 28rpx;
				background: #1a66ff;
				border-radius: 44rpx;
				padding: 12rpx 20rpx;
				margin-left: 20rpx;
			}
		}

		&-input {
			flex: 1;
			display: flex;
			align-items: center;
			height: 36rpx;
			background: #FFFFFF;
			border-radius: 44rpx;
			display: flex;
			padding: 26rpx 24rpx;
			display: flex;
			align-items: center;

			image {
				width: 36rpx;
				height: 36rpx;
				margin-right: 20rpx;
			}

			input {
				flex: 1;
			}
		}

		&-card {
			width: 100%;
			height: 316rpx;
			background: url(../../static/index/bgc-card.png);
			background-size: 100% 316rpx;
			margin: 28rpx 0 44rpx;
			position: relative;

			&-left {
				position: absolute;
				top: 38rpx;
				left: 40rpx;

				&-t {
					font-size: 28rpx;
					font-weight: 400;
					color: #FFFFFF;
				}

				&-num {
					font-size: 64rpx;
					font-family: DIN Alternate-Bold, DIN Alternate;
					font-weight: bold;
					color: #FFFFFF;
					line-height: 64rpx;
					margin-right: 10rpx;
				}

				&-a {
					color: #FFFFFF;
					margin-top: 24rpx;
				}
			}

			&-right {
				position: absolute;
				top: 38rpx;
				right: 0px;
				font-size: 28rpx;
				font-weight: 400;
				color: #FFFFFF;
				background: rgba(255, 255, 255, .5);
				padding: 12rpx 30rpx 12rpx 24rpx;
				display: flex;
				align-items: center;
				border-radius: 32rpx 0px 0px 32rpx;

				image {
					width: 36rpx;
					height: 36rpx;
					margin-right: 18rpx;
				}
			}

			&-btm {
				position: absolute;
				width: 740rpx;
				left: -32rpx;
				bottom: 40rpx;
				display: flex;

				&-box {
					flex: 1;
					text-align: center;

					&-a {
						font-size: 24rpx;
						font-weight: 400;
						color: #a0bfff;
						margin-bottom: 12rpx;
					}

					&-b {
						font-size: 32rpx;
						font-family: DIN Alternate-Bold, DIN Alternate;
						font-weight: bold;
						color: #FFFFFF;
					}
				}
			}
		}

		&-order {
			width: 100%;
			height: 128rpx;
			background-color: #FFFFFF;
			border-radius: 8rpx;
			display: flex;
			justify-content: space-between;
			align-items: center;
		}

		&-work {
			display: flex;
			padding: 40rpx 0 46rpx;
			justify-content: space-between;

			&-item {
				text-align: center;
				width: 26%;
				// flex: 1;
				font-size: 28rpx;
				font-weight: 400;
				color: #969699;
				line-height: 48rpx;
			}
		}
	}

	.active {
		font-size: 36rpx;
		font-weight: 550;
		color: #141414;
		line-height: 48rpx;
		position: relative;
	}

	.active::before {
		content: '';
		width: 60rpx;
		height: 8rpx;
		border-radius: 8rpx;
		background-color: $public-oclor;
		position: absolute;
		bottom: -16rpx;
		left: 50%;
		margin-left: -30rpx;
	}

	.active::after {
		content: '';
		width: 8rpx;
		height: 8rpx;
		border-radius: 50%;
		background-color: $public-oclor;
		position: absolute;
		bottom: -16rpx;
		left: 50%;
		margin-left: -40rpx;
	}

	.content-detail {
		background-color: #FFFFFF;
		border-radius: 8rpx;
		margin-bottom: 32rpx;
	}

	.detail-top {
		display: flex;
		justify-content: space-between;
		padding: 22rpx 20rpx;
	}

	.left-name {
		font-size: 32rpx;
		font-weight: 600;
		color: #303030;
	}

	.right-name {
		font-size: 28rpx;
		font-weight: 500;
		color: #FFAB00;
		letter-spacing: 4rpx;
	}

	.product {
		display: flex;
		justify-content: space-between;
		// padding: 20rpx;
		border-bottom: 2rpx solid #f6f6fb;
		border-top: 2rpx solid #f6f6fb;

		&-left {
			flex: 1;
			padding-left: 10px;

			&-name {
				font-size: 25rpx;
				font-weight: 400;
				color: #969699;
				margin: 12rpx 0;
				display: flex;
				align-items: center;
				justify-content: flex-start;

				view {
					width: 50%;
				}

				.w30 {
					width: 50%;
				}

				&-border {
					color: #303030;
					font-weight: 500;
				}

				.point_icon {
					width: 26rpx;
					height: 26rpx;
					margin-right: 10rpx;
				}

				.point_icon2 {
					width: 18rpx;
					height: 22rpx;
					margin-top: 8rpx;
				}

				&-point {
					color: #5180FF;
					margin-right: 14rpx;
					font-weight: 500;
				}
			}
		}
	}

	.order-time {
		display: flex;
		justify-content: space-between;
		align-items: center;
		padding: 12rpx 20rpx;

		.right_box {
			display: flex;
			justify-content: space-between;
			align-items: center;
		}

		&-left {
			font-size: 24rpx;
			font-weight: 400;
			color: #646466;
		}

		&-right {
			padding: 10rpx 32rpx;
			background-color: $public-oclor;
			color: #FFFFFF;
			font-size: 26rpx;
			margin-left: 14rpx;
			border-radius: 52rpx;
		}

		&-change {
			font-size: 27rpx;
			font-family: PingFang SC-Regular, PingFang SC;
			font-weight: 400;
			color: $public-oclor;
			padding: 6rpx 30rpx;
			border-radius: 52rpx;
			margin-left: 14rpx;
			border: 3rpx solid $public-oclor;
		}

		&-open {
			padding: 10rpx 32rpx;
			font-size: 27rpx;
			margin-left: 14rpx;
			border-radius: 52rpx;
			background: #fff;
			border: 2rpx solid #E8EBF2;
			color: #969699;
		}

		&-close {
			padding: 10rpx 32rpx;
			font-size: 27rpx;
			margin-left: 14rpx;
			border-radius: 52rpx;
			background: #E8F3FC;
			color: #1A66FF;
		}
	}

	.reassignment {
		width: 95%;
		display: flex;
		flex-direction: column;
		height: 780rpx;
		background-color: #fff;
		padding: 20rpx;
	}

	.choose {
		height: 50rpx;
		margin: 10rpx 20rpx;
	}

	.line {
		margin-top: 10rpx;
		border-left: 4rpx solid blue;
	}

	.text {
		margin-left: 10rpx;
		line-height: 54rpx;
	}

	/deep/.uni-stat__select {
		width: 89%;
		margin: 20rpx;
	}

	/deep/ .uni-select-cy .uni-select-cy-select {
		width: 96%;
		margin: 10rpx auto;
	}

	/deep/ .uni-select-cy .uni-select-cy-options {
		width: 96% !important;
		left: 2% !important;
		overflow: hidden !important;
	}

	.submit-btn {
		border-radius: 52rpx;
		margin-top: 120rpx;
	}

	/deep/ .vue-ref {
		padding: 0 !important;
		border-bottom: 20px solid #fff;
	}
</style>